<template>
	<view class="my-config">
		<view class="config-item" @tap='goToPath'>
			<view>地址管理</view>
			<view><span class="iconfont icon-youjiantou"></span></view>
		</view>
		<view class="config-item">
			<view>地址管理</view>
			<view><span class="iconfont icon-youjiantou"></span></view>
		</view>
		<view class="config-item">
			<view>地址管理</view>
			<view><span class="iconfont icon-youjiantou"></span></view>
		</view>
		<view class="config-item">
			<view>地址管理</view>
			<view><span class="iconfont icon-youjiantou"></span></view>
		</view>
		<view class="config-item">
			<view>地址管理</view>
			<view><span class="iconfont icon-youjiantou"></span></view>
		</view>
		
		<view class="my-exit" @tap='outLogin'>
			退出
		</view>
		
	</view>
</template>

<script>
	import {mapMutations} from 'vuex'
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			...mapMutations(['loginOut']),
			goToPath(){
				uni.navigateTo({
					url:"/pages/my-path/my-path"
				})
			},
			outLogin(){
				uni.showToast({
					title:"退出成功",
					icon:'success'
				})
				this.loginOut();
				uni.reLaunch({
					url:"/pages/index/index"
				})
			}
		}
	}
</script>

<style scoped>
	.my-exit{
		position: fixed;
 
	    background-color:#49BDFB ;	
		width: 100%;
		line-height: 80rpx;
		color: white;
		text-align: center;
	}
	.config-item{
		display: flex;
		justify-content: space-between;
		padding: 20rpx 0 20rpx 20rpx;
		border-bottom: 2rpx solid #f7f7ff;
	}

</style>
